<style>
    .tab-content > .chart {
        padding: 10px;
    }
</style>
<!-- /.row -->
<!-- Main row -->

<div class="row" style="margin-bottom:5px;">
    <section class="col-lg-12 ">
        <div style="text-align: center">
            <table class="table table-bordered text-center" style="text-align: center">
                <tr >
                    <td style="text-align: center">
                        <select name="" id="users" class="btn btn-block btn-primary  " style="text-align: center; text-align-last: center;">
                            {volist name="list" id="vo"}
                                <option value="{$vo.id}">{$vo.nickname}</option>
                            {/volist}
                        </select>
                    </td>

                </tr>
            </table>

            <!--            <button disabled>日图</button>-->
            <!--            <button>周图</button>-->
            <!--            <button>月图</button>-->
        </div>
    </section>
    <!-- Left col -->
    <section class="col-lg-12 connectedSortable">
        <!-- Custom tabs (Charts with tabs)-->
        <div class="nav-tabs-custom charts-custom">
            <!-- Tabs within a box -->
            <ul class="nav nav-tabs pull-right">
<!--                <li class="active"><a href="#line-chart" data-toggle="tab">折线图</a></li>-->
<!--                <li><a href="#area-chart" data-toggle="tab">区域图</a></li>-->
                <li class="pull-left header"><i class="fa fa-inbox"></i> 销售趋势</li>
            </ul>
            <div class="tab-content no-padding">
                <!-- Morris chart - Sales -->
                <div class="chart tab-pane active" id="line-chart" style="position: relative; height: 600px;"></div>
            </div>
        </div>
        <!-- /.nav-tabs-custom -->

    </section>
    <section class="col-lg-12 connectedSortable">
        <div style="text-align: center">
            <table class="table table-bordered text-center" style="text-align: center">
                <tr >
                    <td style="text-align: center">
                        <button type="button" class="btn btn-block btn-primary  day">日报</button>
                    </td>
                    <td style="text-align: center">
                        <button type="button" class="btn btn-block btn-secondary week">周报</button>
                    </td>
                    <td style="text-align: center">
                        <button type="button" class="btn btn-block btn-success month">月报</button>
                    </td>
                </tr>
            </table>

<!--            <button disabled>日图</button>-->
<!--            <button>周图</button>-->
<!--            <button>月图</button>-->
        </div>
    </section>
    <!-- /.Left col -->
    <!-- right col -->
</div>
<!-- /.row (main row) -->
